<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/discover.min.css">
    <title>发现</title>
</head>

<body>
    <header>
        <div class="top">
            <div class="top1">
                <bottom>Back</bottom>
            </div>
            <div class="top2">
                <span>发现</span>
            </div>
            <div class="city">
                <select>
                    <option value="gz">广州市</option>
                    <option value="sz">深圳市</option>
                </select>
            </div>
        </div>
    </header>
    <section>
        <div class="search">
            <input type="text" name="" id="" placeholder="请输入商品名称">
            <input type="image" name="" id="" value="" src="./img/首页图/搜索矩.jpg" />
        </div>
        <div class="search-bot">
            <span>大家都在搜</span>
            <div class="serch-bor">
                <table border="1" bordercolor="white">
                    <tr>
                        <td><a href="">寿司</a></td>
                        <td><a href="">羽毛球</a></td>
                        <td><a href="">火锅</a></td>
                        <td><a href="">游泳馆</a></td>
                    </tr>
                    <tr>
                        <td><a href="">电影</a></td>
                        <td><a href="">周黑鸭</a></td>
                        <td><a href="">KTV</a></td>
                        <td><a href="">肯德基</a></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="food">
            <div class="left">
                <img src="./img/分类/形状 22.jpg" alt="">
                <span>热门搜索</span>
            </div>
            <div class="right">
                <a href="">更多</a>
                <img src="./img/首页图/更多.jpg" alt="">
            </div>
        </div>
        <div class="food-img">
            <img src="./img/分类/图层 1.jpg" alt="">
            <img src="./img/分类/图层 2.jpg" alt="">
            <img src="./img/分类/图层 3.jpg" alt="">
            <img src="./img/分类/图层 4.jpg" alt="">
        </div>
        <div class="food">
            <div class="left">
                <img src="./img/分类/形状 16.jpg" alt="">
                <span>推荐搜索</span>
            </div>
            <div class="right">
                <a href="">更多</a>
                <img src="./img/首页图/更多.jpg" alt="">
            </div>
        </div>
        <div class="food-img-2">
            <img src="./img/分类/图层 5.jpg" alt="">
            <img src="./img/分类/图层 6.jpg" alt="">
            <img src="./img/分类/图层 7.jpg" alt="">
        </div>
    </section>
    <footer>
        <ul class="foot-bot">
            <li><a href="./hone.html">
                    <img src="./img/产品详情页/首页1.jpg" alt="">
                    <span>首页</span>
                </a>
            </li>
            <li><a href="./classify.html">
                    <img src="./img/首页图/分类4.jpg" alt="">
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./img/产品详情页/发现3.jpg" alt="">
                    <span>发现</span>
                </a>
            </li>
            <li><a href="./my.html">
                    <img src="./img/首页图/我的.jpg" alt="">
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
</body>

</html>